<!DOCTYPE html>
<html lang="en" id="html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>苗木价格查询</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/zhucexinxi.css">
    <link rel="stylesheet" href="../css/tanchuang.css">
    <style>
        .my_shape li,.my_spec li{
            float: left;
            width: 2.18rem;
            height: 0.88rem;
            border:0.01rem solid #ccc;
            font-size: 0.26rem;
            text-align: center;
            color: #808080;
            line-height: 0.86rem;
            margin-right: 0.25rem;
            margin-bottom: 0.2rem;
            border-radius: 0.08rem;
            box-sizing: border-box;
            background: #fff;
        }
        .my_shape li:nth-child(3n),.my_spec li:nth-child(3n){
            margin-right: 0;
        }
        .my_inputTip{
            color: #808080;
        }
        .my_shape li.select,.my_spec li.select{
            background: #52cd96;
            border-color: #52cd96;
            color: #fff;
        }
    </style>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/tanchuang.js"></script>
    <script src="../js/resize.js"></script>
    <script>
        $(window).ready(function(){
            resetFont();
        });
        $(window).resize(function(){
            resetFont();
        });
        $(function(){
            /*规格选择*/
            $(".my_spec li").click(function(){
                thisA=$(this);
                if($(this).index()<4){
                    winShow("my_input");
                    $(".yes").on("click",function(){
                        if($(".my_num").val()==""){
                            winHide("my_input");
                        }else{
                            thisA.html($(".my_num").val());
                            winHide("my_input");
                            $(".my_num").val("")
                            thisA.addClass("select").siblings().removeClass("select").each(function(){
                                $(this).html($(this).attr("_alt"));
                            })
                        }
                        $(".yes").off("click");
                    });
                    $(".no").on("click",function(){
                        winHide("my_input");
                        $(".no").off("click");
                    });
                }else{
                    thisA.addClass("select").siblings().removeClass("select").each(function(){
                        $(this).html($(this).attr("_alt"));
                    })
                }
            });

            /*形态选择*/
            $(".my_shape li").click(function(){
                $(this).addClass("select").siblings().removeClass("select");
            })
        })
    </script>
</head>
<body>
<div class="content">
    <p class="nametitle">苗木名称<span class="nameTilteB">*</span></p>
    <input type="text" class="inputText" placeholder="必填">
    <p class="nametitle">形态<span class="nameTilteB">*</span><span class="my_inputTip">（以下选项四选一）</span></p>
    <div class="my_shape">
        <ul class="clearfix">
            <li>独杆</li>
            <li>丛生</li>
            <li>球型</li>
            <li>其他</li>
        </ul>
    </div>
    <p class="nametitle">规格<span class="nameTilteB">*</span><span class="my_inputTip">（以下选项五选一）</span></p>
    <div class="my_spec">
        <ul class="clearfix">
            <li _alt="高度（厘米）">高度（厘米）</li>
            <li _alt="粗度（厘米)">粗度（厘米)</li>
            <li _alt="冠径（厘米">冠径（厘米）</li>
            <li _alt="长度（厘米）">长度（厘米）</li>
            <li>其他</li>
        </ul>
    </div>

    <p class="nametitle">苗源地<span class="nameTilteB">*</span></p>
    <div class="clearfix">
        <select class="guishudi float_l">
            <option>请选择</option>
            <option>北京</option>
            <option>天津</option>
            <option>河北</option>
        </select>
        <select class="guishudi float_l">
            <option>请选择</option>
            <option>全部</option>
        </select>
    </div>
    <a href="javascript:void (0)" class="tijiao">搜索</a>

</div>
<div class="tanchuang my_input none">
    <div class="tanchuangCont">
        <div class="tipmess hasp">
            <h3>请输入</h3>
            <p><input type="text" class="my_num"></p>
        </div>
        <div class="decsion clearfix twobtn">
            <a href="javascript:void(0);" class="no">取消</a>
            <a href="javascript:void(0);" class="yes">确定</a>
        </div>
    </div>
</div>
</body>
</html>